<!--
  Generated template for the IndexPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="primary">
    <ion-title>客户360</ion-title>
  </ion-navbar>
  <ion-toolbar style="border-top: 1px solid #ccc;">
    <ion-searchbar (click)="clickSearch()"></ion-searchbar>
  </ion-toolbar>
</ion-header>
<ion-content>
  <div class="main-content">
    <ion-scroll scrollY="true" maxZoom="3" zoom="1" class="left-menu">
      <ion-grid>
        <ion-row>
          <ion-col class="f-s-small" col-12 
          *ngFor="let item of indutryList" 
          (click)="selectTradItem(item)"
          [ngClass]="{'active': item.tradId == indutryItem.tradId}">{{item.tradNm}}</ion-col>
        </ion-row>
      </ion-grid>
    </ion-scroll>
    <ion-scroll scrollY="true" maxZoom="3" zoom="1" class="right-menu">
      <div class="right-title f-s-small" *ngIf="indutryList.length > 0">
      {{indutryItem.tradNm}}({{indutryItem.custNum}})</div>
      <ion-grid *ngIf="customerList.length > 0">
        <ion-row>
          <ion-col class="f-s-small text-center" col-4 
          *ngFor="let item of customerList"
          (click)="selectCustItem(item)"
          [ngClass]="{'active': item.custId == custId}">
            <div>{{item.custNm}}</div>
            <div>({{item.custNum}})</div>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-scroll>
  </div>
</ion-content>
